<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体大小</title>
    <!--字体大小-->
    <!--font-size 属性设置文本的大小。-->
    <!--能否管理文字的大小，在网页设计中是非常重要的。但是，你不能通过调整字体大小使段落看上去像标题，或者使标题看上去像段落。-->
    <!--请务必使用正确的HTML标签，就<h1> - <h6>表示标题和<p>表示段落：-->
    <!--字体大小的值可以是绝对或相对的大小。-->
    <!--绝对大小：-->
    <!--设置一个指定大小的文本-->
    <!--不允许用户在所有浏览器中改变文本大小-->
    <!--确定了输出的物理尺寸时绝对大小很有用-->
    <!--相对大小：-->
    <!--相对于周围的元素来设置大小-->
    <!--允许用户在浏览器中改变文字大小-->
    <!--Remark 如果你不指定一个字体的大小，默认大小和普通文本段落一样，是16像素（16px=1em）。-->
    <!--设置字体大小像素-->
    <!--设置文字的大小与像素，让您完全控制文字大小：-->
    <style>
        h1 {font-size: 40px;}
        h2 {font-size: 30px;}
        p {font-size: 14px;}
    </style>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<p>This is a paragraph.</p>
<p>允许在 Internet Explorer 9, Firefox, Chrome, Opera, 和 Safari 中通过缩放浏览器调整文本大小。</p>
<p><b>注意:</b>这个例子在 IE9之前的版本不工作, prior version 9.</p>
</body>
</html>